<template>
	<view  style="background-color: #f8f8f8;">
		<view class="menu_user_list">
			
			<view v-if="lists.data" class="" style=" border-radius: 30rpx; background-color: #fff; display: flex; margin-top: 25rpx;" v-for="(item,index) in lists.data" :key="index" >
				<view class="" style="width: 10%;align-items: center;justify-content: center; display: flex;">
					<view class="" style="  font-size: 35rpx; background-color: #c02e36; color: #fff;
				border-radius: 50%; width: 55rpx;height: 55rpx;padding: auto;display: flex; justify-content: center; align-items: center; ">
					{{index+1}}
					</view>
				</view>
				 
				<itemBbs style="width: 90%;"   :list="item" ></itemBbs>				
			</view>
			
			<view class="" v-else>
				暂无
			</view>
			
			
		</view>
	</view>
</template>

<script>
	import itemBbs from "@/pages/bbs/index/components/item-bbs/item-bbs.vue";
	import {bbsGetFindSort} from "@/utils/api/bbs.js";
	import config from "@/utils/config.js";
	let {photo_cdn} = config.baseUrl;
	export default {
		components:{
			itemBbs,
		},
		data() {
			return {
				photo_cdn,
				lists:{
					data:null
				}
				
			}
		},
		onLoad() {
			bbsGetFindSort({
				page:1,
				type:2
			}).then(res=>{
				console.log(res)
				this.lists = res.data;
			})
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.menu_user_list{
		padding: 20rpx 0;
		margin: 20rpx;
		box-shadow: 8rpx -4rpx 2rpx 2rpx #F8F8F8;
	}

</style>
